@import "mixin.scss";

/* 图标 */

//登录 手机号
.icon-login_tel {
    @include bg("../img/login_tel.png");
    background-color: #eee;
    width: 40px;
    height: 40px;
}

//登录 密码
.icon-login_pwd {
    @include bg("../img/login_pwd.png");
    background-color: #eee;
    width: 40px;
    height: 40px;
}

//登录 记住密码
.icon-login_rem_pwd {
    @include bg("../img/login_rem_pwd.png");
    width: 14px;
    height: 14px;
}

//注册 同意 对号图标
.icon-res_agree {
    @include bg("../img/res_agree.png");
    width: 16px;
    height: 16px;
}

.icon-head_top_arr {
    @include bg("../img/head_top_arr.png");
    width: 8px;
    height: 4px;
}

//顶部 首页搜索框中箭头
.icon-top_search_arr {
    @include bg("../img/top_search_arr.png");
    width: 8px;
    height: 4px;
}

//首页 顶部导航 找订单
.icon-index_top_ding {
    @include bg("../img/index_top_ding.png");
    width: 20px;
    height: 20px;
}

//首页 顶部导航 面料采购
.icon-index_top_mian {
    @include bg("../img/index_top_mian.png");
    width: 20px;
    height: 20px;
}

//首页 顶部导航 辅料采购
.icon-index_top_fu {
    @include bg("../img/index_top_fu.png");
    width: 20px;
    height: 20px;
}

//首页 搜索选项 箭头
.icon-index_search_arr {
    @include bg("../img/index_search_arr.png");
    width: 14px;
    height: 7px;
}

//首页 搜索选项底部 工厂等待接单
.icon-index_search-1 {
    @include bg("../img/index_search-1.png");
    width: 22px;
    height: 22px;
}

//首页 搜索选项底部 工厂等待接单
.icon-index_search-2 {
    @include bg("../img/index_search-2.png");
    width: 22px;
    height: 22px;
}

//首页 搜索选项底部 工厂等待接单
.icon-index_search-3 {
    @include bg("../img/index_search-3.png");
    width: 22px;
    height: 22px;
}

//首页 聚订单 位置图标
.icon-index_position {
    @include bg("../img/index_position.png");
    width: 12px;
    height: 15px;
}

//首页 时钟表 图标
.icon-index_time {
    @include bg("../img/index_time.png");
    width: 14px;
    height: 14px;
}

//首页 收藏 图标
.icon-index_collect {
    @include bg("../img/index_collect.png");
    width: 14px;
    height: 14px;
}

//页脚 导航标题 图标
.icon-footer_con_icon1 {
    @include bg("../img/footer_con_icon1.png");
    width: 20px;
    height: 20px;
}

//页脚 导航标题 图标
.icon-footer_con_icon2 {
    @include bg("../img/footer_con_icon2.png");
    width: 20px;
    height: 20px;
}

//页脚 导航标题 图标
.icon-footer_con_icon3 {
    @include bg("../img/footer_con_icon3.png");
    width: 20px;
    height: 20px;
}

//页脚 微信 图标
.icon-footer_weixin {
    @include bg("../img/footer_weixin.png");
    width: 18px;
    height: 18px;
}

//页脚 微博 图标
.icon-footer_weibo {
    @include bg("../img/footer_weibo.png");
    width: 18px;
    height: 18px;
}

// 聚企业-首页-标题图标
.icon-jqy-i {
    width: 48px;
    height: 28px;
    &.i1 {
        @include bg('../img/jqy_i_1.png');
    }
    &.i2 {
        @include bg('../img/jqy_i_2.png');
    }
    &.i3 {
        @include bg('../img/jqy_i_3.png');
    }
}

// 聚企业-首页-收藏图标
.icon-shouc {
    width: 20px;
    height: 18px;
    &.c0 {
        @include bg('../img/shouc0.png');
    }
    &.c1 {
        @include bg('../img/shouc1.png');
    }
}

.icon-jqy_collect {
    width: 14px;
    height: 14px;
    @include bg('../img/jqy_collect.png');
}

//聚企业_企业详情 电话
.icon-jqy_details_tel {
    width: 16px;
    height: 16px;
    @include bg('../img/jqy_details_tel.png');
}

//聚企业_企业详情 地址
.icon-jqy_details_address {
    width: 16px;
    height: 16px;
    @include bg('../img/jqy_details_address.png');
}

//聚企业_企业详情 关注 未关注状态
.icon-jqy_details_collect {
    width: 16px;
    height: 16px;
    @include bg('../img/jqy_details_collect.png');
}

//聚企业_企业详情 关注 已关注状态
.icon-jqy_details_collect_cur {
    width: 16px;
    height: 16px;
    @include bg('../img/jqy_details_collect_cur.png');
}

//聚企业_企业详情 分享
.icon-jqy_details_share {
    width: 16px;
    height: 16px;
    @include bg('../img/jqy_details_share.png');
}

// 聚品牌-首页-收藏图标
.icon-jpp-shouc {
    width: 14px;
    height: 13px;
    &.c0 {
        @include bg('../img/jpp_shouc0.png');
    }
}

// 向下箭头
.icon-arr-down {
    width: 7px;
    height: 5px;
    @include bg('../img/arr_down.png');
}

// 服务列表-向左翻页图标
.icon-arr-left {
    @include bg('../img/arr_left.png');
    width: 7px;
    height: 11px;
}

// 服务列表-向右翻页图标
.icon-arr-right {
    @include bg('../img/arr_right.png');
    width: 7px;
    height: 11px;
}

// 聚好款-首页-定位图标
.icon-location {
    @include bg('../img/location.png');
    width: 14px;
    height: 15px;
}

// 聚品牌-动态列表-时钟图标
.icon-clock {
    @include bg('../img/clock.png');
    width: 14px;
    height: 14px;
}

//品牌入驻_审核进度 感叹号
.icon-pinpai_entry_review_warn {
    @include bg('../img/pinpai_entry_review_warn.png');
    width: 30px;
    height: 30px;
}

// 删除图标
.icon-delete {
    @include bg('../img/delete.png');
    width: 8px;
    height: 8px;
}

// 删除图标
.icon-star {
    width: 15px;
    height: 14px;
    display: inline-block !important;
    &.s0 {
        @include bg('../img/star0.png');
    }
    &.s1 {
        @include bg('../img/star1.png');
    }
}

// 聚服务-报价-找打样背景
.icon-jfw-zdy {
    @include bg('../img/jfw_zdy.png');
    width: 370px;
    height: 73px;
}

// 信封图标
.icon-letter {
    @include bg('../img/letter.png');
    width: 24px;
    height: 16px;
}

//忘记密码 完成
.icon-forget_pwd_complete {
    @include bg('../img/forget_pwd_complete.png');
    width: 90px;
    height: 90px;
}

.icon-zs {
    @include bg('../img/user_image2.png');
    width: 16px;
    height: 16px;
}

.icon-bao {
    @include bg('../img/user_image3.png');
    width: 16px;
    height: 16px;
}

.icon-xin {
    @include bg('../img/user_image4.png');
    width: 16px;
    height: 16px;
}

.icon-notify {
    @include bg('../img/user_image5.png');
    width: 16px;
    height: 16px;
}

.icon-back-white {
    @include bg('../img/left_btn.png');
    width: 16px;
    height: 16px;
}

.icon-house {
    @include bg('../img/user_image1.png');
    width: 16px;
    height: 16px;
}

// 聚服务-发布需求页面的图标
.icon-jfw-xuqiu {
    width: 36px;
    height: 36px;
    &.x1 {
        @include bg('../img/jfw_05.png');
    }
    &.x2 {
        @include bg('../img/jfw_06.png');
    }
    &.x3 {
        @include bg('../img/jfw_07.png');
    }
}

.icon-qianbi {
    @include bg('../img/jfw_01.png');
    width: 22px;
    height: 22px;
}

.icon-jiandao {
    @include bg('../img/jfw_02.png');
    width: 26px;
    height: 26px;
}

.icon-cloth {
    @include bg('../img/jfw_03.png');
    width: 26px;
    height: 23px;
}

.icon-view {
    @include bg('../img/view.png');
    width: 22px;
    height: 12px;
}

//企业入驻 下拉选择框 箭头
.icon-company_entry_arr {
    @include bg('../img/company_entry_arr.png');
    width: 10px;
    height: 6px;
}

//设计师 主页 分享图标
.icon-designer_share {
    @include bg('../img/designer_share.png');
    width: 20px;
    height: 20px;
}

//设计师 主页 修改
.icon-designer_i_edit {
    @include bg('../img/designer_i_edit.png');
    width: 16px;
    height: 16px;
}

//设计师 主页 锁
.icon-designer_i_lock {
    @include bg('../img/designer_i_lock.png');
    width: 16px;
    height: 16px;
}

//设计师 主页 添加作品
.icon-designer_i_add {
    @include bg('../img/designer_i_add.png');
    width: 15px;
    height: 16px;
}

//设计师 添加作品 删除图片
.icon-img_del {
    @include bg('../img/img_del.png');
    width: 24px;
    height: 24px;
}

.icon-radio {
    width: 24px;
    height: 24px;
    &.r0 {
        @include bg('../img/radio0.png');
    }
    &.r1 {
        @include bg('../img/radio1.png');
    }
}

.icon-zan {
    @include bg('../img/zan.png');
    width: 23px;
    height: 24px;
}

.icon-guanzhu {
    width: 16px;
    height: 13px;
    &.g0 {
        @include bg('../img/gz0.png');
    }
    &.g1 {
        @include bg('../img/gz1.png');
    }
}

.icon-share {
    @include bg('../img/share.png');
    width: 14px;
    height: 15px;
}

// 聚订单-发布询盘-tab上的图标
.icon-jdd-mliao {
    @include bg('../img/jdd_02.png');
    width: 21px;
    height: 20px;
}

.icon-jdd-fliao {
    @include bg('../img/jdd_03.png');
    width: 27px;
    height: 27px;
}

//聚好款_商品详情 收藏商品
.icon-jhk_collect {
    @include bg('../img/jhk_collect.png');
    width: 14px;
    height: 14px;
}

//聚好款_商品详情 收藏商品 选中状态
.icon-jhk_collect_cur {
    @include bg('../img/jhk_collect_cur.png');
    width: 14px;
    height: 14px;
}

//聚好款_商品详情 分享
.icon-jhk_share {
    @include bg('../img/jhk_share.png');
    width: 14px;
    height: 14px;
}

//聚好款_商品详情 地址 箭头
.icon-address_arr {
    @include bg('../img/address_arr.png');
    width: 16px;
    height: 10px;
}

// 聚企业-logo背景图片
.icon-logo-bg {
    @include bg('../img/index_jpinpai_icon_bg.png');
    width: 148px;
    height: 148px;
}

//聚好款_商品详情 标题 菱形图标
.icon-goods_details_title {
    @include bg('../img/goods_details_title.png');
    width: 14px;
    height: 14px;
}

//店铺内搜索栏中关注的“心”图标
.icon-header_follow {
    @include bg("../img/header_follow.png");
    width: 12px;
    height: 12px;
}

//店铺内搜索栏中关注的“心”图标 已关注
.icon-header_follow_cur {
    @include bg("../../dist/img/header_follow_cur.png");
    width: 12px;
    height: 12px;
}

//店铺内搜索栏中关注右边的“qq”图标
.icon-header_qq {
    @include bg("../img/header_qq.png");
    width: 18px;
    height: 20px;
}

//设计师入驻-提交审核-成功图标
.icon-big-success {
    @include bg("../img/success.png");
    width: 96px;
    height: 96px;
}

//聚品牌-加盟-合作流程4个图标
.icon-jm {
    width: 112px;
    height: 112px;
    &.m1 {
        @include bg('../img/jm_01.png');
    }
    &.m2 {
        @include bg('../img/jm_02.png');
    }
    &.m3 {
        @include bg('../img/jm_03.png');
    }
    &.m4 {
        @include bg('../img/jm_04.png');
    }
}